﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>日本直邮</title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
    
        <link rel="stylesheet" href="css/sm.css">
        <link rel="stylesheet" href="css/sm-extend.css">
        <link rel="stylesheet" href="css/wjystyle.css">
        <script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/sm.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/sm-extend.js" charset="utf-8"></script>
</head>


<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
    <div class="page-group  my-order-page-group">
        <!-- 单个page ,第一个.page默认被展示-->
        <div class="page  my-order-page">
            <!-- 标题栏 -->
            <header class="bar bar-nav pos">
               	<a class="icon icon-left pull-left open-panel" href="javascript:history.go(-1)"></a>
                <h1 class="title">我的订单</h1>
            </header>

            <!-- 这里是页面内容区 -->
            <div class="content my-order">
      	    	<div class="buttons-tab">
                 <a href="#tab1" class="tab-link button">全部</a>
                 <a href="#tab2" class="tab-link button">待付款</a>
                 <a href="#tab3" class="tab-link button">待发货</a>
                 <a href="#tab4" class="tab-link active button">待收货</a>
                 <a href="#tab5" class="tab-link button">待评价</a>
             </div>
             <div class="content-block1 f">
               <div class="tabs">
                 <!--全部页面开始-->
                   <div id="tab1" class="tab">
                      <div class="content-block1">
                         <div class="shangpin1 shangpin">
                           <div  class="dianming">日本直邮店<span>卖家已发货</span></div>
                           <div class="clearfix xiangqing">
                               <img src="image/modo.jpg" class="fl"/>
                               <div class="fl">
                                  <a href="order-detail.html">
                                    夏威夷果零食炒货大礼包删除测试<br />
                                    <span>规格：100g;</span> 
                                  </a>
                               </div>
                               <div class="fr">
                               <p>￥38.76</p>
                               <span>￥38.76</span>
                               </div>
                          </div>
                          <div class="total clearfix">
                                <span class="fr">￥38.76</span> 
                                <span class="fr">全国包邮  总计：</span>
                          </div>
                          <div class="btn clearfix">
                               <input type="button" value="确认收货" class="fr"/>
                               <input type="button" value="查看物流" class="fr wuli"/>
                          </div>
                        </div>
                        <div></div>
                        <div></div>

                        <div class="shangpin2 shangpin">
                            <div  class="dianming">日本直邮店<span>卖家已发货</span></div>
                            <div class="clearfix xiangqing">
                                <img src="image/modo.jpg" class="fl"/>
                                <div class="fl">
                                   <a href="order-detail.html">
                                     夏威夷果零食炒货大礼包<br />
                                     <span>规格：100g;</span> 
                                   </a>
                                </div>
                                <div class="fr">
                                <p>￥38.76</p>
                                <span>￥38.76</span>
                                </div>
                           </div>
                           <div class="total clearfix">
                                 <span class="fr">￥38.76</span> 
                                 <span class="fr">全国包邮  总计：</span>
                           </div>
                           <div class="btn clearfix">
                                <input type="button" value="确认收货" class="fr"/>
                                <input type="button" value="查看物流" class="fr wuli"/>
                           </div>
                         </div>
                         <div></div>
                         <div></div>

                         <div class="shangpin2 shangpin">
                          <div  class="dianming">日本直邮店<span>卖家已发货</span></div>
                          <div class="clearfix xiangqing">
                              <img src="image/modo.jpg" class="fl"/>
                              <div class="fl">
                                 <a href="order-detail.html">
                                   夏威夷果零食炒货大礼包<br />
                                   <span>规格：100g;</span> 
                                 </a>
                              </div>
                              <div class="fr">
                              <p>￥38.76</p>
                              <span>￥38.76</span>
                              </div>
                         </div>
                         <div class="total clearfix">
                               <span class="fr">￥38.76</span> 
                               <span class="fr">全国包邮  总计：</span>
                         </div>
                         <div class="btn clearfix">
                              <input type="button" value="确认收货" class="fr"/>
                              <input type="button" value="查看物流" class="fr wuli"/>
                         </div>
                       </div>
                       <div></div>
                       <div></div>
                       <div class="shangpin2 shangpin">
                        <div  class="dianming">日本直邮店<span>卖家已发货</span></div>
                        <div class="clearfix xiangqing">
                            <img src="image/modo.jpg" class="fl"/>
                            <div class="fl">
                               <a href="order-detail.html">
                                 夏威夷果零食炒货大礼包<br />
                                 <span>规格：100g;</span> 
                               </a>
                            </div>
                            <div class="fr">
                            <p>￥38.76</p>
                            <span>￥38.76</span>
                            </div>
                       </div>
                       <div class="total clearfix">
                             <span class="fr">￥38.76</span> 
                             <span class="fr">全国包邮  总计：</span>
                       </div>
                       <div class="btn clearfix">
                            <input type="button" value="确认收货" class="fr"/>
                            <input type="button" value="查看物流" class="fr wuli"/>
                       </div>
                     </div>
                     <div></div>
                     <div></div>


                    </div>
                 </div>
      <!--全部页面结束-->
      <!--待付款页面开始-->
                 <div id="tab2" class="tab">
                    <div class="content-block1">

                      <div class="shangpin shangpin1">
                        <div  class="dianming">日本直邮店<span style="display:none;">卖家已发货</span></div>
                        <div class="clearfix xiangqing">
                          <img src="image/modo.jpg" class="fl"/>
                          <div class="fl">
                              <a href="order-detail.html">
                                  夏威夷果零食炒货大礼包<br />
                                  <span>规格：100g;</span> 
                              </a>
                          </div>
                          <div class="fr">
                              <p>￥38.76</p>
                              <span>￥38.76</span>
                          </div>
                       </div>
                       <div class="total clearfix">
                         <span class="fr">￥38.76</span>  
                         <span class="fr">全国包邮  总计：</span>
                       </div>
                       <div class="btn clearfix">
                         <input type="button" value="付款" class="fr"/>
                         <input type="button" value="查看物流" class="fr" style="display:none;"/>
                      </div>
                  </div>
                  <div></div>
                  <div></div>

                  <div class="shangpin shangpin2">
                      <div  class="dianming">日本直邮店<span style="display:none;">卖家已发货</span></div>
                      <div class="clearfix xiangqing">
                        <img src="image/modo.jpg" class="fl"/>
                        <div class="fl">
                            <a href="order-detail.html">
                                夏威夷果零食炒货大礼包<br />
                                <span>规格：100g;</span> 
                            </a>
                        </div>
                        <div class="fr">
                            <p>￥38.76</p>
                            <span>￥38.76</span>
                        </div>
                     </div>
                     <div class="total clearfix">
                       <span class="fr">￥38.76</span>  
                       <span class="fr">全国包邮  总计：</span>
                     </div>
                     <div class="btn clearfix">
                       <input type="button" value="付款" class="fr"/>
                       <input type="button" value="查看物流" class="fr" style="display:none;"/>
                    </div>
                </div>
                <div></div>
                <div></div>
                <div class="shangpin shangpin2">
                    <div  class="dianming">日本直邮店<span style="display:none;">卖家已发货</span></div>
                    <div class="clearfix xiangqing">
                      <img src="image/modo.jpg" class="fl"/>
                      <div class="fl">
                          <a href="order-detail.html">
                              夏威夷果零食炒货大礼包<br />
                              <span>规格：100g;</span> 
                          </a>
                      </div>
                      <div class="fr">
                          <p>￥38.76</p>
                          <span>￥38.76</span>
                      </div>
                   </div>
                   <div class="total clearfix">
                     <span class="fr">￥38.76</span>  
                     <span class="fr">全国包邮  总计：</span>
                   </div>
                   <div class="btn clearfix">
                     <input type="button" value="付款" class="fr"/>
                     <input type="button" value="查看物流" class="fr" style="display:none;"/>
                  </div>
              </div>
              <div></div>
              <div></div>

        </div>
      </div>
      <!--待付款页面结束-->
      <!--待发货页面开始-->
        <div id="tab3" class="tab">
          <div class="content-block1">
              <div class="shangpin shangpin1">
                <div  class="dianming">
                  日本直邮店
                  <span>待发货</span>
                </div>
                <div class="clearfix xiangqing">
                  <img src="image/modo.jpg" class="fl"/>
                  <div class="fl">
                    <a href="order-detail.html">
                      夏威夷果零食炒货大礼包<br />
                     <span>规格：100g;</span> 
                    </a>
                  </div>
                  <div class="fr">
                   <p>￥38.76</p>
                    <span>￥38.76</span>
                  </div>
               </div>
                <div class="total clearfix">
                  <span class="fr">￥38.76</span>  
                  <span class="fr">全国包邮  总计：</span>
                </div>
                <div class="btn clearfix">
                    <input type="button" value="已付款" class="fr"/>
                    <input type="button" value="查看物流" class="fr" style="display:none;"/>
                </div>
              </div>
              <div></div>
              <div></div>
        </div>
      </div>
      <!--待发货页面结束-->
      <!--待收货页面开始-->
      <div id="tab4" class="tab active">
        <div class="content-block1" >
          <div class="wudingdan shangpin1">
              <p class="img"><img src="image/dingdan.png" /></p>
              <p>您还没有相关的订单</p>
              <p>可以去看看有哪些想买的</p>
          </div>
           
        </div>
      </div>
      <!--待收货页面结束-->
      <!--待评价页面开始-->
      <div id="tab5" class="tab">
        <div class="content-block1">
            <div class="shangpin1 shangpin">
                <div  class="dianming">日本直邮店<span style="display:none;">卖家已发货</span></div>
                <div class="clearfix xiangqing">
                  <img src="image/modo.jpg" class="fl"/>
                  <div class="fl">
                    <a href="order-detail.html">
                      夏威夷果零食炒货大礼包<br />
                     <span>规格：100g;</span> 
                    </a>
                  </div>
                  <div class="fr">
                   <p>￥38.76</p>
                    <span>￥38.76</span>
                  </div>
               </div>
                <div class="total clearfix">
                <span class="fr">￥38.76</span>  <span class="fr">全国包邮  总计：</span>
                </div>
                <div class="btn clearfix">
                    <input type="button" value="评分" class="fr"/>
                    <input type="button" value="查看物流" class="fr wuli"/>
                </div>
          </div>
          <div></div>
          <div></div>

          <div class="shangpin2 shangpin">
              <div  class="dianming">日本直邮店<span style="display:none;">卖家已发货</span></div>
              <div class="clearfix xiangqing">
                <img src="image/modo.jpg" class="fl"/>
                <div class="fl">
                  <a href="order-detail.html">
                    夏威夷果零食炒货大礼包<br />
                   <span>规格：100g;</span> 
                  </a>
                </div>
                <div class="fr">
                 <p>￥38.76</p>
                  <span>￥38.76</span>
                </div>
             </div>
              <div class="total clearfix">
              <span class="fr">￥38.76</span>  <span class="fr">全国包邮  总计：</span>
              </div>
              <div class="btn clearfix">
                  <input type="button" value="评分" class="fr"/>
                  <input type="button" value="查看物流" class="fr wuli"/>
              </div>
        </div>
        <div></div>
        <div></div>

        <div class="shangpin2 shangpin">
            <div  class="dianming">日本直邮店<span style="display:none;">卖家已发货</span></div>
            <div class="clearfix xiangqing">
              <img src="image/modo.jpg" class="fl"/>
              <div class="fl">
                <a href="order-detail.html">
                  夏威夷果零食炒货大礼包<br />
                 <span>规格：100g;</span> 
                </a>
              </div>
              <div class="fr">
               <p>￥38.76</p>
                <span>￥38.76</span>
              </div>
           </div>
            <div class="total clearfix">
            <span class="fr">￥38.76</span>  <span class="fr">全国包邮  总计：</span>
            </div>
            <div class="btn clearfix">
                <input type="button" value="评分" class="fr"/>
                <input type="button" value="查看物流" class="fr wuli"/>
            </div>
      </div>
      <div></div>
      <div></div>

    </div>
  </div>
      <!--待评价页面结束-->
    </div>
  </div>
 </div>
 <!--页面内容区结束-->
 <!-- 订单删除成功提示开始 -->
 <div class="del-detail-result">订单删除成功</div>
 <!-- 订单删除成功提示结束 -->
    </div>
  </div>
  <script src="js/jquery.js"></script>
  <script>
   $(function(){
$(".wuli").click(function(){
  window.location.href = "logistics.html";
});


});
  </script>
  <script src="js/wjy.js"></script>
</html>